<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <title>欢迎页</title>
    <#include "/header.html">
    <!--<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">-->
    <style type="text/css">
        /*h4 {*/
            /*font-size: 25px;*/
        /*}*/
        .cot{
            display: flex;
            padding:10px;

        }
        .cot1{
            display: flex;
            padding:10px;

        }
        .cot2{
            display: flex;
            padding:10px;

        }
        .cot>div{
            width: 25%;
            border: 1px solid #999999;
            margin: 0 10px 0 10px;
            border-radius: 10px;
        }
        .cot1>div{
            width: 100%;
            border: 1px solid #999999;
            margin: 0 10px 0 10px;
            border-radius: 10px;
        }
        .cot2>div{
            width: 50%;
            border: 1px solid #999999;
            margin: 0 10px 0 10px;
            border-radius: 10px;
        }
        /*h4 {text-decoration: underline}*/
    </style>
</head>
<body>

<div class="panel panel-default" id="rrapp">
    <!--<div class="panel-heading">基本信息</div>-->
    <div class="cot" style="height: 100%;">
    <div style="margin-left: 10px;">
        <h4>&nbsp;&nbsp;&nbsp;总订单数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="label label-success">月</span></h4>

        <ul>
            <li>
                &nbsp;&nbsp;&nbsp;<div id="orders"></div>
                <h6>&nbsp;&nbsp;&nbsp;总订单数</h6>
            </li>
        </ul>
    </div>

    <div>
        <h4>&nbsp;&nbsp;&nbsp;总租金额&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="label label-success">月</span></h4>
        <ul>
            &nbsp;&nbsp;&nbsp;<div id="moneyOfMonth"></div>
            <h6>&nbsp;&nbsp;&nbsp;总租金额</h6>
        </ul>
    </div>

    <div id="agentid">
        <h4>&nbsp;&nbsp;&nbsp;总商户数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="label label-success">全部</span></h4>
        <ul>
            &nbsp;&nbsp;&nbsp;<div id="merchantCounts"></div>
            <h6>&nbsp;&nbsp;&nbsp;总商户数</h6>
        </ul>
    </div>

    <div>
        <h4>&nbsp;&nbsp;&nbsp;总用户数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="label label-success">全部</span></h4>
        <ul>
            &nbsp;&nbsp;&nbsp;<div id="usersCounts"></div>
            <h6>&nbsp;&nbsp;&nbsp;总用户数</h6>
        </ul>
    </div>
</div>

    <div class="cot1" style="height: 100%;" >
        <div style="margin-left: 10px;">
            <h4>&nbsp;&nbsp;&nbsp;订单</h4>
            <button class="btn btn-primary" @click="imgAll"><h7 @click="imgAll" style="position:absolute;left:83%;top:150px;">&nbsp;&nbsp;&nbsp;全部</h7></button>
            <button class="btn btn-primary" @click="imgXian"><h7 @click="imgXian" style="position:absolute;left:85%;top:150px;">&nbsp;&nbsp;&nbsp;折线图</h7></button>
            <button class="btn btn-primary" @click="imgZhu"><h7 @click="imgZhu" style="position:absolute;left:90%;top:150px;">&nbsp;&nbsp;&nbsp;柱状图</h7></button>
            <!--<ul>-->
                <!--<li>本周订单详情</li>-->
            <!--</ul>-->
            <div style="margin-bottom:10px;box-sizing: border-box;padding-bottom: 15px!important; border: 1px solid #dee5e7;width: 100%;height: 300px;">
                <div id="container" style="min-width: 310px; height: 280px; margin: 0 auto"></div>
            </div>
        </div>
    </div>

    <div class="cot2" style="height: 100%;" id="btnlist">
        <div style="margin-left: 10px;">
            <h4>&nbsp;&nbsp;&nbsp;用户状态列表</h4>
            <table id="jqGridUser"></table>
            <div id="jqGridPagerUser"></div>
        </div>

        <div style="margin-left: 10px;">
            <h4>&nbsp;&nbsp;&nbsp;当月商户交易列表</h4>
            <table id="jqGridOrder" style="width: 100%;"></table>
            <div id="jqGridPagerOrder"></div>
        </div>

    </div>

</div>
<script src="${request.contextPath}/statics/js/modules/sys/main.js?_${.now?long}"></script>
<link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
</body>
</html>